@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
.searchbar {
  display: flex;
  height: 0.42rem;
  background: #fff;
  .left,
  .middle,
  .right {
    display: flex;
    align-items: center;
  }
  .left {
    font-size: 0.14rem;
    box-sizing: border-box;
    .btn {
      padding: 0 0.12rem;
      height: $navbarHeight;
      .icon {
        font-size: 0.18rem;
        color: $font1;
      }
    }
  }
  .middle {
    flex: 1;
    margin: 0.06rem $pagePadding 0 0.04rem;
    height: 0.36rem;
    background: #f9f9f9;
    border-radius: 1rem;
    .icon {
      margin: 0 0.1rem 0 0.16rem;
      font-size: 0.15rem;
      color: $font4;
    }
    .txt {
      height: 0.13rem;
      line-height: 0.15rem;
      color: $font4;
    }
  }
  .right {
    padding-left: 0.12rem;
    padding-right: $pagePadding;
    color: $primary;
    .icon {
      margin-right: 0.04rem;
    }
  }
}
.fill {
  height: 0.82rem;
}
.list {
  .item {
    padding: $pagePadding 0 $pagePadding $pagePadding;
    background: #fff;
    &:last-child:after {
      display: none;
    }
  }
}
.empty,
.error,
.loading {
  position: relative;
  height: calc(100vh - 0.82rem);
  background: #fff;
}
